<template>
<div>
  <el-menu
    class="home"
    mode="horizontal"
    router
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b"
  >
      <el-menu-item index="/map">总览</el-menu-item>
      <el-menu-item index="/index">工厂看板</el-menu-item>
  </el-menu>
  <router-view></router-view>
</div>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: "/map"
    };
  }
};
</script>

<style lang="less" scoped>
.home {
  .menu{
    margin-left: 10%;
  }
}
</style>